import React from 'react'
import TitleLine from 'components/common/titleLine'
import './index.styl'

export default function PlanBaseInfo ({ data }) {
    return (
        <div className='deviceCheck_planBaseInfo'>
            <TitleLine title='计划基本信息'/>
            <div className='equipmentDetailsBox'>
                <div className='baseBox outside'>
                    <div className='name-titme'>
                        <div className='name item'>
                            <span className='titleText'>计划名称：</span>
                            <span className='contText'>{data && data.name}</span>
                        </div>
                      <div className='item'>
                        <span className='titleText'>创建人：</span>
                        <span className='contText'>{data && data.createdBy}</span>
                      </div>
                      <div className='item'>
                        <span className='titleText'>创建时间：</span>
                        <span className='contText'>{data && data.createdTime}</span>
                      </div>
                    </div>
                    <div className='description'>
                        <span className='titleText'>计划描述：</span>
                        <div className='contText'>{data && data.remark}</div>
                    </div>
                </div>
            </div>
        </div>
    )
}
